<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/home.css">
		<link rel="stylesheet" href="css/touwei.css">
	</head>
	<body>
		<div class="header">
			<div class="headOne">
				<div class="head_one">
					<span class="one_span1">
						<img src="./img/photo.png">
						<img src="./img/photo.png">
						<img src="./img/photo.png">
						<img src="./img/photo.png">
						<img src="./img/photo.png">
					</span>
					<span class="one_span2">
						<img src="./img/letter.png" alt="">
						<span>Connnnnnn@qq.com</span>
					</span>
					<span class="one_span3">
						<img src="./img/phone.png" alt="">
						<span>88 888888</span>
					</span>
				</div>
			</div><!-- headOne -->
			<div class="headTwo">
				<div class="head_two">
					<div class="two_left">
						<img src="./img/zvossen.png" alt="">
					</div>
					<div class="two_right">
						<ul class="right_ul">
							<li><a href="#">HOME</a> </li>
							<li><a href="blog.html">BLOG</a></li>
							<li><a href="about_us.html">ABOUT US</a></li>
							<li><a href="contact.html">CONTACT</a></li>
						</ul>
					</div>
				</div>
			</div><!-- headTwo -->
			<div class="headThree">
				<div class="head_three">
					<div class="three_one">
						<p>SELECT SELECT SELECT SELECT</p>
						<p>SELECT SELECT SELECT SELECT SELECT SELECT SELECT</p>
					</div>
					<div class="three_two">
						<input type="text" placeholder="Where are you doing?">
						<button>Search</button>
					</div>
					<div class="three_three">
						<p>SELECT SELECT SELECT SELECT SELECT SELECT SELECT SELECT SELECT SELECT SELECT</p>
					</div>
				</div>
			</div><!-- headThree -->
		</div><!-- 此处是头部结尾 -->
		
		<div class="indexbody">
			<div class="indexmains">
				<div class="indexbody_onebox">
					<div class="indexonebox">
						<img src="img/2.png" alt="">
						<div>
							<h3>Civita di Bagnoregio,Italia</h3>
							<p>April 14, 2015</p>
							<p>Uploaded by <span>John Doe </span></p>
						</div>
					</div>
					<div class="indexonebox">
						<img src="img/2.png" alt="">
						<div>
							<h3>Civita di Bagnoregio,Italia</h3>
							<p>April 14, 2015</p>
							<p>Uploaded by <span>John Doe </span></p>
						</div>
					</div>
					<div class="indexonebox">
						<img src="img/2.png" alt="">
						<div>
							<h3>Civita di Bagnoregio,Italia</h3>
							<p>April 14, 2015</p>
							<p>Uploaded by <span>John Doe </span></p>
						</div>
					</div>
				</div>
				
				<div class="indexbody_twobox">
					<div class="indextwobox">
						<h2>ABIUT US</h2>
						<div class="huanggang"></div>
						<p>Nulla eget mauris quis elit mollis ornare vitae ut odio. Cras tincidunt, augue vitae sollicitudin commodo, quam elit varius est, et 
						ornare ante massa quis tellus. Mauris nec lacinia nisl. Curabitur tempus tellus et vulputate vestibulum.
</p>
					</div>
					<div class="indextwobox2">
						<div class="indextwobox2_one">
							<div>
								<img src="img/2.jpg" alt="">
								<h3>Lorem ipsum dolor</h3>
								<p>Lorem ipsum dolor sit amet, consectetuer
								adipiscing elit, sed euismod tincidunt ut
								laoreet dolore magna aliquam erat
								volutpat. Ut wisi enim ad</p>
							</div>
							<div>
								<img src="img/2.jpg" alt="">
								<h3>Lorem ipsum dolor</h3>
								<p>Lorem ipsum dolor sit amet, consectetuer
								adipiscing elit, sed euismod tincidunt ut
								laoreet dolore magna aliquam erat
								volutpat. Ut wisi enim ad</p>
							</div>
							<div>
								<img src="img/2.jpg" alt="">
								<h3>Lorem ipsum dolor</h3>
								<p>Lorem ipsum dolor sit amet, consectetuer
								adipiscing elit, sed euismod tincidunt ut
								laoreet dolore magna aliquam erat
								volutpat. Ut wisi enim ad</p>
							</div>
						</div>
						<div class="indextwobox2_two">MORE</div>
					</div>
				</div>
				
				<div class="chahuabox">
					<img src="img/3.jpg" alt="">
					<div class="chahuabox_div">
						Curabitur pharetra sed magna at tincidunt. Maecenas
						auctor tincidunt ex Aliquam a vestibulum DoneC diam
						ipsum euismod.	
					</div>
				</div>
				
				
				<div class="indexbody_threebox">
					<div class="indextwobox">
						<h2>SERVICES</h2>
						<div class="huanggang"></div>
						<p>Nulla eget mauris quis elit mollis ornare vitae ut odio. Cras tincidunt, augue vitae sollicitudin commodo, quam elit varius est, et 
						ornare ante massa quis tellus. Mauris nec lacinia nisl. Curabitur tempus tellus et vulputate vestibulum.
						</p>
					</div>
					<div class="indexthreebox">
						<div>
							<img src="img/4.jpg" alt="">
							<h4>Henderit Mauris</h4>
							<p>
								Praesent vestibuluolestie
								lacus
							</p>
						</div>
						<div>
							<img src="img/4.jpg" alt="">
							<h4>Henderit Mauris</h4>
							<p>
								Praesent vestibuluolestie
								lacus
							</p>
						</div>
						<div>
							<img src="img/4.jpg" alt="">
							<h4>Henderit Mauris</h4>
							<p>
								Praesent vestibuluolestie
								lacus
							</p>
						</div>
						<div>
							<img src="img/4.jpg" alt="">
							<h4>Henderit Mauris</h4>
							<p>
								Praesent vestibuluolestie
								lacus
							</p>
						</div>
					</div>
					<div class="indexthreebox">
						<div>
							<img src="img/4.jpg" alt="">
							<h4>Henderit Mauris</h4>
							<p>
								Praesent vestibuluolestie
								lacus
							</p>
						</div>
						<div>
							<img src="img/4.jpg" alt="">
							<h4>Henderit Mauris</h4>
							<p>
								Praesent vestibuluolestie
								lacus
							</p>
						</div>
						<div>
							<img src="img/4.jpg" alt="">
							<h4>Henderit Mauris</h4>
							<p>
								Praesent vestibuluolestie
								lacus
							</p>
						</div>
						<div>
							<img src="img/4.jpg" alt="">
							<h4>Henderit Mauris</h4>
							<p>
								Praesent vestibuluolestie
								lacus
							</p>
						</div>
					</div>
				</div>
				
				<div class="chahuabox">
					<img src="img/3.jpg" alt="">
					<div class="chahuabox_div">
						Curabitur pharetra sed magna at tincidunt. Maecenas
						auctor tincidunt ex Aliquam a vestibulum DoneC diam
						ipsum euismod.	
					</div>
				</div>
				
				<div class="indexbody_fourbox">
					<div class="indexlastdiv">
						<div class="indexlastdiv_left">
							<div class="indexlatleft_top">
								<div class="indexlatleft_topimg">
									<img src="img/1.jpg" alt="">
								</div>
								<div class="indexlatleft_topcon">
									<h3>Nam libero tempore, cum soluta nobis</h3>
									<p class="con_p1">By<span> Danny </span>on April 14, 2015
</p>
									<p class="con_p2">
										Nam libero tempore, cum soluta nobis est
										eligendi optio cumque quod maxime
										placeat facere possimus nihil impedit quo
										minus id quod maxime placeat facere
										possimus. .
									</p>

								</div>
							</div>
							<div class="indexlatleft_bot">
								<div>
									<img src="img/2.png" alt="">
									<p>Nam liberotempore,cum soluta nobis</p>
								</div>
								<div>
									<img src="img/2.png" alt="">
									<p>Nam liberotempore,cum soluta nobis</p>
								</div>
								<div>
									<img src="img/2.png" alt="">
									<p>Nam liberotempore,cum soluta nobis</p>
								</div>
							</div>
						</div>
						<div class="indexlastdiv_right">
							<div class="jindutiao"><span>Latest News</span></div>
							<div>
								<ul>
									<li> > Lorem ipsum dolor sit amet,conse ctetut.</li>
									<li> > Nullam venenatis lacus aelit ferme ntum.</li>
									<li> > Morbi ut sapien nec nisl pulvinar suscipit.</li>
									<li> > Integer a enim ac ex porta molestie ut at</li>
									<li> > Sed in nunc non eleifend laoreet eu qu.</li>
									<li> > Nullam venenatis lacus fermentum.</li>
									<li> > Lorem ipsum dolor sit amet, coeturelit.</li>
								</ul>
							</div>
							
						</div>
					</div>
				</div>
				
			</div>
			
		</div><!-- 内容部分结束-->
		
		<div class="footer">
			<div class="foot">
				<div class="foot_one" >
					<img src="img/4.png" alt="">
					<p>
						Nam libero tempore, cum soluta nobis est
						eligendi optio cumque quod maxime
						placeat cum soluta nobis facere possimus
						nihil impedit quo minus id quod maxime
						placeat facere possimus. est 
						eligendi
						optio cumque
						facere possimus nihil impedit quo minus
						id quod maxime placeat facere possimus.
					</p>
				</div>
				<div class="foot_two">
					<div class="jindutiao"><span>News Letter</span></div>
					<p>
						facere possimus nihil impedit quo minus
						id quod maxime placeat facere possimus.
						est eligendi
					</p>
					<div>
						<input  value="Enter your email address..." style="">
					</div>
					<button>SUBCRIBE NOW</button>
				</div>
				<div class="foot_three">
					<div class="jindutiao"><span>Flicker Widget</span></div>
					<div class="foot_three_div">
						<div><img src="img/2.png" alt=""></div>
						<div><img src="img/2.png" alt=""></div>
						<div><img src="img/2.png" alt=""></div>
						<div><img src="img/2.png" alt=""></div>
					</div>
				</div>
			</div>
		</div><!-- 此处是底部结尾 -->
	</body>
</html>